<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
    <!-- 全局的概念，当前页面中的url属性都会参考-->
    <base href="<%=request.getContextPath()+"/"%>">
    <%--    <base href="/abc/">--%>
    <title>Title</title>

    <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="bootstrap-3.4.1/dist/css/bootstrap.css">

    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="bootstrap-3.4.1/dist/js/bootstrap.js"></script>

</head>
<body>
<a href="emp/addEmp.jsp" class="btn btn-info" role="button">
    <%--  glyphicon glyphicon-plus 代表Bootstrap的图标  --%>
    <span class="glyphicon glyphicon-plus" aria-hidden="true"></span>
    添加员工</a>
<table class="table table-striped table-bordered table-condensed">
    <tr>
        <th>编号</th>
        <th>姓名</th>
        <th>工资</th>
        <th>奖金</th>
        <th>领导</th>
        <th>部门</th>
        <th>职位</th>
        <th>入职时间</th>
        <th>操作</th>
    </tr>

    <c:forEach items="${empList}" var="emp">
        <tr>
            <td>${emp.empno}</td>
            <td>${emp.ename}</td>
            <td>${emp.sal}</td>
            <td>${emp.comm == null?0.0:emp.comm}</td>
            <td>${emp.mgr == null?"BOSS":emp.mgr}</td>
            <td>${emp.deptno}</td>
            <td>${emp.job}</td>
            <td>${emp.hiredate}</td>
            <td>
                    <%--  Bootstrap的按钮btn  按钮为蓝色btn-primary --%>
                <a class="btn btn-primary btn-xs" role="button"
                   href="EmpServlet/getEmpById?empno=${emp.empno}">
                    <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
                    编辑</a>
                <a class="btn btn-danger btn-xs" role="button"
                   href="EmpServlet/removeEmp?empno=${emp.empno}">
                    <span class="glyphicon glyphicon-trash" aria-hidden="true"></span>
                    删除</a>
            </td>
        </tr>
    </c:forEach>
</table>

<%--翻页--%>
<%--    <nav aria-label="Page navigation">--%>
<%--        <ul class="pagination">--%>
<%--            <li>--%>
<%--                <a href="#" aria-label="Previous">--%>
<%--                    <span aria-hidden="true">&laquo;</span>--%>
<%--                </a>--%>
<%--            </li>--%>
<%--            <li><a href="#">1</a></li>--%>
<%--            <li><a href="#">2</a></li>--%>
<%--            <li><a href="#">3</a></li>--%>
<%--            <li><a href="#">4</a></li>--%>
<%--            <li><a href="#">5</a></li>--%>
<%--            <li>--%>
<%--                <a href="#" aria-label="Next">--%>
<%--                    <span aria-hidden="true">&raquo;</span>--%>
<%--                </a>--%>
<%--            </li>--%>
<%--        </ul>--%>
<%--    </nav>--%>

</body>
</html>
